// 深色主题配色方案 - 基于图片配色
// 主色调：绿色 (#00FF00) 作为激活状态，白色作为普通状态，深灰色背景

// 基础颜色
$primary-color: #00ff00;           // 主色调 - 绿色
$primary-hover: #00cc00;           // 主色调悬停
$primary-light: #33ff33;           // 主色调浅色
$primary-dark: #009900;            // 主色调深色

// 背景颜色
$bg-primary: #0a0a0a;              // 主背景色 - 深黑
$bg-secondary: #1a1a1a;            // 次要背景色 - 深灰
$bg-tertiary: #2a2a2a;             // 第三级背景色 - 中灰
$bg-card: #1a1a1a;                 // 卡片背景色

// 文字颜色
$text-primary: #ffffff;            // 主要文字 - 白色
$text-secondary: #e0e0e0;          // 次要文字 - 浅灰
$text-tertiary: #cccccc;           // 第三级文字 - 中灰
$text-muted: #666666;              // 静默文字 - 深灰

// 边框颜色
$border-primary: #333333;          // 主要边框
$border-secondary: #444444;        // 次要边框
$border-light: #555555;            // 浅色边框

// 状态颜色
$success-color: #00ff00;           // 成功状态 - 绿色
$error-color: #ff4444;             // 错误状态 - 红色
$warning-color: #ffaa00;           // 警告状态 - 橙色
$info-color: #00aaff;              // 信息状态 - 蓝色

// 阴影
$shadow-light: rgba(0, 0, 0, 0.3);
$shadow-medium: rgba(0, 0, 0, 0.4);
$shadow-heavy: rgba(0, 0, 0, 0.5);

// 渐变
$gradient-primary: linear-gradient(135deg, #00ff00 0%, #00cc00 100%);
$gradient-secondary: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
$gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);

// 透明度
$opacity-light: 0.8;
$opacity-medium: 0.6;
$opacity-heavy: 0.4;

// 圆角
$border-radius-small: 4px;
$border-radius-medium: 8px;
$border-radius-large: 12px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;

// 字体粗细
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// 过渡动画
$transition-fast: 0.2s ease-in-out;
$transition-normal: 0.3s ease-in-out;
$transition-slow: 0.5s ease-in-out;

// 层级
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

// 响应式断点
$breakpoint-xs: 480px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-xxl: 1600px;

// 导出变量供其他文件使用
:export {
  primaryColor: $primary-color;
  primaryHover: $primary-hover;
  bgPrimary: $bg-primary;
  bgSecondary: $bg-secondary;
  textPrimary: $text-primary;
  textSecondary: $text-secondary;
  borderPrimary: $border-primary;
  successColor: $success-color;
  errorColor: $error-color;
  warningColor: $warning-color;
}
